<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=tLfmkn3SLUPSEPNKAn83pApq0bg5sziI"></script>

		<style type="text/css">
		
			.swiper-container-teacher{
				width: 100%;
				height: 12rem;
			}
			.major-box{
				margin: 0.625rem 0.625rem;
				padding: 0.625rem 0.6125rem;
				background-color: white;
				border-radius: 0.625rem;
			}
			.major-box p{
				text-indent: 2em;
				margin-bottom: 0.625rem;
			}
			.major-box .title{
				display: inline-block;
				font-weight: bold;
				border-right: 0.3125rem solid #01eabb;
				padding-right: 0.25rem;
				margin-bottom: 0.625rem;
			}
			.major-box .describe>div{
				font-size: 0.875rem;
				margin-bottom: 0.5rem;
			}
			.swiper-tese{
				height: 14rem;
			}
			.swiper-tese .swiper-slide{
				position: relative;
			}
			.swiper-tese .content{
				position: absolute;
				bottom: 0rem;
				left: 0rem;
			}
			.swiper-tese .content span{
				color: #007AFF;
			}
			.major-box .zongzhi .head{
				text-align: center;
				margin-bottom: 0.625rem;
			}
			.major-box .zongzhi img{
				width: 70%;
				display: block;
				margin: auto;
			}
			.major-box .zongzhi .jieshao{
				font-size: 0.875rem;
				margin-bottom: 0.625rem;
				margin-top: 0.3125rem;
			}
			.major-box .jianjie{ 
				font-size: 0.875rem;
			}
			.major-box .miaoshu{
				text-indent: 2em;
				margin-top: 0.375rem;
				background-color: #974478;
				color: white;
				border-radius: 0px 0px 0px 1.3rem;
				font-size: 0.875rem;
				padding: 0.625rem;
			}
			
			.major-box .ms2{
				background-color: #823277;
			}
			.major-box .ms3{
				background-color: #5e2075;
			}
			.channel-job-box2{
				box-sizing: border-box;
				margin-left: 2.6875rem;
				height: 5.375rem;
				padding:0rem 0.625rem 0.625rem 3.75rem;
				position: relative;
				color:#fff;
				margin-top: 0.625rem;
			}
			.channel-job-box2 .jiuye-info{
				height: 100%;
				overflow: hidden;
				font-size: 0.875rem;
			}
				.channel-job-box22,
				.channel-job-box22 .channel-job-circle{
					background:#62b13c;
				}
				.channel-job-circle{
					position: absolute;
					top: 0;
					left: -2.6875rem;
					bottom: 0;
					height: 5.375rem;
					width: 5.375rem;
					border-radius: 50%;
				}
				.channel-icon-border-circle{
					width:4.875rem;
					height:4.875rem;
					margin:0.25rem;
					border:solid 3px #fff;
					border-radius:50%;
					position: relative;
					bottom: 0.1875rem;
					right: 0.125rem;
				}
				.channel-job-box23,
				.channel-job-box23 .channel-job-circle{
					background:#4bb038;
				}
				.channel-job-box24,
				.channel-job-box24 .channel-job-circle{
					background:#00a53c;
				}
				.channel-job-box25,
				.channel-job-box25 .channel-job-circle{
					background:#00923f;
				}
				.major-box .kouhao,.major-box .kouhao-sub{
					text-align: center;
					margin-bottom: 0.375rem;
				}
				.major-box .kouhao{
					font-size: 1.125rem;
					font-weight: bold;
				}
				.major-box .kouhao-sub{
					color: #ccc;
				}
		</style>
	</head>
	<body>
	<header>
		<div class="logo-box">
			<div class="logo-name"></div>
			<div class="slogan"></div>
		</div>
		<div class="logo-img">
			<img src="img/true.jpg" >
		</div>
	</header>
		<div class="navbar-box">
			<ul class="navbar">
				<li><a href="index.html">首页</a></li>
				<li><a href="jianjie.html" >简介</a></li>
				<li><a href="major.html">专业</a></li>
				<li><a href="shizi.html">师资</a></li>
				<li><a href="huanjing.html">环境</a></li>
				<li><a href="jiuye.html" class="active">就业</a></li>
					<li><a href="xinwen.html">新闻</a></li>
				<li><a href="wenda.html">问答</a></li>
			</ul>
		</div>
		<div class="swiper-container" id="lunbo">
		  <div class="swiper-wrapper">
		    <!-- <div class="swiper-slide"><img src="http://www.cqzuxia.com/statics/zuxia20/images/banner4.jpg" ></div>
		    <div class="swiper-slide"><img src="http://www.cqzuxia.com/statics/zuxia20/images/banner5.jpg" ></div>
		    <div class="swiper-slide"><img src="http://www.cqzuxia.com/statics/zuxia20/images/banner6.jpg" ></div> -->
		  </div>
		  <!-- Add Arrows -->
		 <!-- <div class="swiper-button-next"></div>
		  <div class="swiper-button-prev"></div> -->
		</div>
		<div class="major-box introduce">
			<div class="title">就业服务介绍</div>
			<div class="jianjie">
				<!-- <p>就业率和创业成功率是足下办学成效的两大标准！足下高度重视学生就业工作，致力于提供性价比最高的互联网人才服务，对学生培养就业能力、提供就业资源，对企业提供人力资源服务。 足下的就业体系更完整，入学即签订《人才培养协议》和《就业服务协议》，注重培养学生的就业实力及就业能力，学生毕业学成后，由就业导师根据学生所学所选，提供专业的就业指导服务直到实现成功就业。对已就业的学生，保持就业信息跟踪，为学生提供就业资源，帮助学生今后在职场更好的发展。学院还为学生提供终身就业创业、学习进修、转行猎头、人才外派等专业人才服务。</p> -->
			</div>
		</div>
		<div class="major-box fuwu">
			<div class="title"></div>
			<!-- <img src="http://www.cqzuxia.com/static/image/job/process.png" alt="" style="width: 100%;">
			<div class="miaoshu">足下本着不放弃任何一个学员，签订就业协议和免费就业服务的办学思路，通过实训让学员掌握企业需要的技术，直接把学生推荐到企业里，并且培养学员的职业素养和就业技巧，由专门的就业老师负责学员一对一的就业强化训练，真正实现了企业与学校之间的无缝衔接</div>
			<div class="miaoshu ms2">为了进一步提升足下学员就业指导、服务及企业人才输送工作的专业性，足下建立了软件人才服务中心，数十位人才专家团24小时响应企业需求，为数万家国内外知名软件企业提供量身人才服务。面向足下学员，我们秉承着为企业提供优秀的人才，为人才提供优秀的企业的就业指导理念，为学员提供多种求职方法及求职技巧方面的辅导与实战训练</div>
			<div class="miaoshu ms3">为了扩展就业渠道，保障学员的就业，足下与3000多家企业建立了合作关系并签订了长期的用人协议，为学员开拓了良好的就业市场，迄今为止，学员分别就业于惠普、微软、google、百度、腾讯、宝信、阿里巴巴、京东、联想、北大方正、用友、华为、清华同方、东软、TCL集团等多家知名公司</div> -->
		</div>
		<div class="major-box team">
			<div class="title"></div>
			<div class="kouhao">入学即签订就业协议，落实就业</div>
			<div class="kouhao-sub">为每个学子提供以下就业服务</div>
			<div class="zongzhi">
				<!-- <div>
						<div class="head">[渠道就业团队]</div>
						<img src="http://www.cqzuxia.com/static/image/job/jytd-qd.png" alt="">
						<div class="jieshao">负责全国范围内学院招生就业渠道工作。甄选适合在IT行业发展的优秀学员进入足下学习。解决学员学习生活及就业中所遇到的困难和问题</div>
				</div> -->
			</div>
		</div>
		<div class="major-box tese">
			<div class="title"></div>
<!-- 			<div class="channel-job-box2 mbot15 channel-job-box22">
				<div class="channel-job-circle">
					<div class="channel-icon-border-circle"></div>
				</div>
				<div class="jiuye-info">认证培训
					<p>全国IT技能认证，如：全国计算机水平考试认证、CCAT认证；国企企业认证</p>
				</div>
			</div> -->
<!-- 			<div class="channel-job-box2 mbot15 channel-job-box23">
				<div class="channel-job-circle">
					<div class="channel-icon-border-circle"></div>
				</div>
				<div class="jiuye-info">就业服务
					<p>为学员提供初次就业、再次就业、就业服务</p>
				</div>
			</div>
			<div class="channel-job-box2 mbot15 channel-job-box24">
				<div class="channel-job-circle">
					<div class="channel-icon-border-circle"></div>
				</div>
				<div  class="jiuye-info">企业孵化
					<p>为学员创业提供创业指导、项目审核、风险评估、场地、设备及资金支持</p>
				</div>
			</div>
			<div class="channel-job-box2 mbot15 channel-job-box25">
				<div class="channel-job-circle">
					<div class="channel-icon-border-circle"></div>
				</div>
				<div class="jiuye-info">IT人才外派
					<p>为企业和学员提供IT人才外派服务、由学院派遣至一线城市IT大型企业中，提供软件研发工作</p>
				</div>
			</div> -->
		</div>
		<div class="major-box shuju">
			<div class="title"></div>
			<div class="datas">
			</div>
		</div>
		<style type="text/css">
			.major-box .lianxi{
				width: 4.25rem;
				text-align: center;
				font-weight: bold;
				border-bottom: 0.3125rem solid #01eabb;
				padding-bottom: 0.25rem;
				margin-bottom: 0.625rem;
			}
			#map{
				height: 12.5rem;
			}
			.info-box img{
				width: 1rem;
				margin-right: 0.625rem;
			}
		</style>
		<div class="major-box">
			<div class="lianxi">联系我们</div>
			<div id="map"></div>
			<div class="info-box">
				<!-- <div class="tel"><img src="img/duanxin.png"><span>400-6655-720</span> </div> -->
				<div class="msg"><img src="img/phone.png" ><span>020-13587458</span></div>
				<div class="position"><img src="img/position.png" ><span> 湖南省株洲市天元区</span></div>
			</div>
		</div>
		<footer>
			<div class="" style="padding: 0rem 0.625rem;">
				<div id="address"></div>
				<div><img src="" id="qrcode" ></div>
			</div>
			<div id="beian" style="text-align: center;font-size: 0.75rem;display: block;color: #ccc;"></div>
		</footer>
		<!-- 底部导航 -->
		<div id="fixBottom">
			<ul>
				<li class="telzixun"><a href="tel:10000" id="tel"><img src="img/tel.png" ><div>电话咨询</div></a></li>
				<!-- <li class="baoming"><a href="tencent://message/?uin=1014167202&Site=在线QQ&Menu=yes"><img src="img/msg.png"><div>在线报名</div></a></li> -->
				<li class="baoming"><a href="leavemsg.html"><img src="img/msg.png"><div>在线报名</div></a></li>
				<li class="feezixun"><a href="chat.html"><img src="img/qq.png" ><div>报名咨询</div></a></li>
				<li class="feezixun"><a href="chat.html"><img src="img/fee.png" ><div>学费咨询</div></a></li>
				<!-- <li class="qqzixin"><a href="https://wpa1.qq.com/JEFqRGvh?_type=wpa&qidian=true"><img src="img/qq.png" ><div>QQ咨询</div></a></li>
				<li class="feezixun"><a href="http://wpa.qq.com/msgrd?v=3&uin=123456789&site=qq&menu=yes"><img src="img/fee.png" ><div>学费咨询</div></a></li> -->
			</ul>
		</div>
	</body>
	<script src="js/config.js" type="text/javascript" charset="utf-8"></script>
	<script>
	// 网页轮播
	getLunbo("jiuye");
	</script>
	<script type="text/javascript">
	// 请求服务器数据
	$.ajax({
		url:HOST+"/h5/content/getModuleContent?parentName=jiuye",
		success:function(res){
			if(res.code==200){
				console.log(res);
				$(".introduce .title").html(res.data[0].key);
				if(res.data[0].value.length>0)
				$(".introduce .jianjie").append(`<p>${res.data[0].value[0].content}</p>`)
				showTuandui(res.data[1]);
				showTese(res.data[3]);
				showFuwu(res.data[4]);
				showShuju(res.data[2])
			}
		}
	})
	// 显示就业团队的内容
	function showTuandui (data) {
		$(".team .title").html(data.key);
		for (let i = 0; i < data.value.length; i++) {
			let s= `<div>
						<div class="head">[${data.value[i].title}]</div>
						<img src="${HOST}/upload/${data.value[i].content}" alt="">
						<div class="jieshao">${data.value[i].description}</div>
				</div>`;
			$(".team .zongzhi").append(s);
		}
	}
	function showTese (data) {
		$(".tese .title").html(data.key);
		for (var i = 0; i < data.value.length; i++) {
			let s = `<div class="channel-job-box2 mbot15 channel-job-box22">
				<div class="channel-job-circle">
					<div class="channel-icon-border-circle"></div>
				</div>
				<div class="jiuye-info">${data.value[i].title}
					<p>${data.value[i].description}</p>
				</div>
			</div>`;
			$(".tese").append(s);
		}
	}
	function showFuwu (data) {
		$(".fuwu .title").html(data.key);
		if(data.value.length>0)
		{
			let s = `<div style="text-align:center;"><img src="${HOST}/upload/${data.value[0].content}" alt="" style="max-width: 95%;"></div>`;
			$(".fuwu").append(s);
		}
		for (let i = 0; i < data.value.length; i++) {
			let s = `<div class="miaoshu ms${i+1}">${data.value[i].description}</div>`;
			$(".fuwu").append(s);
		}
	}
	function showShuju (data) {
			$(".shuju .title").html(data.key);
			for (let i = 0; i < data.value.length; i++) {
				let s = `<img src="${HOST}/upload/${data.value[i].content}" alt="" style="max-width: 95%;">`;
				$(".shuju .datas").append(s);
			}
	}
	
	// 显示地图
	$(function () {
			let zuobiao = localStorage.getItem("zuobiao");
			let arr = zuobiao.split(",");
			let jingdu = arr[0];
			let weidu = arr[1];
				var map = new BMapGL.Map("map");    // 创建Map实例
					map.centerAndZoom(new BMapGL.Point(jingdu, weidu), 15);  // 初始化地图,设置中心点坐标和地图级别
						// map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
						var scaleCtrl = new BMapGL.ScaleControl();  // 添加比例尺控件
						map.addControl(scaleCtrl);
						var zoomCtrl = new BMapGL.ZoomControl();  // 添加比例尺控件
						map.addControl(zoomCtrl);
						map.disableDragging();     //禁止拖拽
						 var marker = new BMapGL.Marker(new BMapGL.Point(jingdu, weidu));
						map.addOverlay(marker); // 增加点
			});
	</script>
</html>
